<div draggable mat-dialog-title>
  <h6>{{"userInfoTitle" | translate}}</h6>
  <button mat-button matSuffix mat-icon-button (click)="dialogRef.close('Close')" matTooltip="{{'close' | translate}}">
    <mat-icon svgIcon="close" style="color: darkblue;"></mat-icon>
  </button>
</div>

<div mat-dialog-content>
  <form [formGroup]="formGroup" class="form-container" novalidate autocomplete="off">
    <mat-form-field>
      <input formControlName="userName" matInput placeholder="{{'userName' | translate}}">
    </mat-form-field>
    <mat-form-field>
      <input formControlName="userRole" matInput placeholder="{{'userRole' | translate}}">
    </mat-form-field>
  </form>
</div>

<div mat-dialog-actions>
  <button mat-button (click)="dialogRef.close('Close')">{{'close' | translate}}</button>
</div>
